<%@ page language="java" isELIgnored="false" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="../common/header.jspf"%>
<link href="${ctx}/other/css/bootstrap-table.css" rel="stylesheet">
<link href="${ctx}/styles/bootstrap-datetimepicker.min.css"  rel="stylesheet">

</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<div class="panel-body">
				<html></html><form action="../RoleController/findByCondition.action"
					method="post">
					<div class="select-gril form-inline">
						<div class="col-sm-3 header-search-box col-left">
							<span>角色名：</span>
							<div class="col-sm-8 form-group col-both">
								<input type="text" class="form-control" id="roleName"
									name="roleName">
							</div>
						</div>
						<div class="header-zl-right header-search-box">
							<div class="searchBtn" style="float: left; margin-right: 20px;">
								<a id="searchRole" class="hvr-icon-pulse col-11">查询</a>
							</div>
							<div class="reset" style="float: left;">
								<a class="btn btn-info" id="reset"
									style="width: 70px; height: 28px; padding-left: 10px; padding-top: 3px; color: #fff; font-weight: bold;"><span><i
										class="fa fa-refresh"></i></span> 重置 </a>
							</div>

						</div>
					</div>
				</form>
				<!-- 以上是查询界面   以下是列表界面 -->
			</div>
			<div class="container-main col-sm-12">
				<div class="adv-table">
					<div id="hidden-table-info_wrapper"
						class="dataTables_wrapper form-inline" role="grid" >
						<div class="btn-group btn-group-justified">
						<a  
						    class="btn btn-info" id="addRole"><span><i
						    class="fa fa-plus-circle"></i></span>添加</a> 
					    <a
					        class="btn btn-info" id="modifyRole"><span><i 
					        class="fa fa-pencil"></i></span>修改</a> 
					    <a
							class="btn btn-info" id="deleteRole"><span><i
						    class="fa fa-trash-o"></i></span>删除</a>
					   </div>
						
						<table id="Role" class="table table-bordered dataTable
							table-striped table-hover"
							data-toggle="table"
							data-url="../RoleController/findByCondition.action"
							data-query-params="queryParams" 
							data-click-to-select="true"
							data-unique-id="roleId" 
							data-pagination="true"
							data-page-size="10" 
							data-striped="true"
                            data-show-columns="true"
                            data-show-refresh="true" 
                            >
							<thead>
						<tr role="row">
									<th class="sorting_disabled" data-checkbox="true"></th>
									<th class="sorting_disabled" data-field="roleId">角色ID</th>
									<th class="sorting_disabled" data-field="roleName">角色名称</th>
									<th class="sorting_disabled" data-field="roleState" data-formatter="formatValue">角色状态</th>
							</tr>	
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<%@ include file="role_file.jsp"%> 
	<%@ include file="../common/bottom.jspf"%>
    <!-- hDialog -->

	<script type="text/javascript" src="${ctx}/other/js/moment.min.js"></script>
	<script type="text/javascript" src="${ctx}/script/jquery.hDialog.js"></script>
	<script type="text/javascript" src="${ctx}/other/js/sweetalert.min.js"></script>
    <script type="text/javascript" src="${ctx}/js/select2.js"></script>
    <script type="text/javascript" src="${ctx}/js/select2_locale_zh-CN.js"></script>
	<!-- easyfrom -->
	<script type="text/javascript" src="${ctx}/script/pm/role.js"></script> 
</body>
